<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/template.xhtml">

	<ui:define name="title">
		EComanda - Listar Pedidos
	</ui:define>

	<ui:define name="content">

		<h:form id="listarPedidosForm">

			<p:messages id="messages" />

			<p:panel id="consultarComandaPanel" header="Consultar Comanda"
				style="margin-top:auto; margin-bottom:auto; margin-left: auto; margin-right: auto;">

				<h:panelGrid columns="5">
					<h:outputLabel for="comandaInput" value="Comanda*: " />
					<p:inputMask id="comandaInput" value="#{listarPedidosBean.comanda}"
						required="true" mask="9?9999999" maxlength="8">
						<f:converter converterId="comandaConverter" />
					</p:inputMask>
					<p:commandButton value="Consultar Comanda"
						actionListener="#{listarPedidosBean.consultarComanda}"
						update=":listarPedidosForm" />

					<h:outputLabel
						value="Valor Total da Comanda: R$ #{listarPedidosBean.valorTotalDaComanda} "
						rendered="#{listarPedidosBean.valorTotalDaComanda != 0}" />
				</h:panelGrid>
			</p:panel>

			<p:dataTable id="pedidosTable" var="pedido"
				value="#{listarPedidosBean.pedidos}">

				<p:column headerText="Item">
					<h:outputText value="#{pedido.item.itemLabel}" />
				</p:column>
				<p:column headerText="Quantidade">
					<h:outputText value="#{pedido.nuQuantidade}" />
				</p:column>
				<p:column headerText="Situação">
					<h:outputText value="#{pedido.statusPedido.dsStatusPedido}" />
				</p:column>
				<p:column headerText="Atualização">
					<h:outputText value="#{pedido.dtUltimaAlteracao}">
						<f:convertDateTime pattern="dd/MM/yyyy HH:mm" />
					</h:outputText>
				</p:column>
				<p:column>
					<p:commandButton id="detalhar" icon="ui-icon-search"
						title="Detalhar"
						actionListener="#{listarPedidosBean.setPedidoDetalhado(pedido.idPedido)}"
						update=":listarPedidosForm:display" oncomplete="PF('dlg').show()">
					</p:commandButton>
				</p:column>
				<p:column>
					<p:commandButton id="pronto" icon="ui-icon-star"
						title="Pedido Pronto"
						actionListener="#{listarPedidosBean.setPedidoPronto(pedido.idPedido)}"
						update=":listarPedidosForm"
						disabled="#{!(pedido.statusPedido.podeAprontar or loginBean.funcionario.atualizaQualquerStatus)}">
					</p:commandButton>
				</p:column>
				<p:column>
					<p:commandButton id="Entregue" icon="ui-icon-cart"
						title="Pedido Entregue"
						actionListener="#{listarPedidosBean.setPedidoEntregue(pedido.idPedido)}"
						update=":listarPedidosForm"
						disabled="#{!(pedido.statusPedido.podeEntregar or loginBean.funcionario.atualizaQualquerStatus)}">
					</p:commandButton>
				</p:column>
				<p:column>
					<p:commandButton id="Cancelado" icon="ui-icon-trash"
						title="Pedido Cancelado"
						actionListener="#{listarPedidosBean.setPedidoCancelado(pedido.idPedido)}"
						update=":listarPedidosForm"
						disabled="#{!(pedido.statusPedido.podeCancelar or loginBean.funcionario.atualizaQualquerStatus)}">
					</p:commandButton>
				</p:column>

			</p:dataTable>

			<p:dialog id="detalhePedidoDialog" header="Detalhar Pedido"
				widgetVar="dlg" resizable="false" modal="true">

				<h:panelGrid id="display" columns="2" cellpadding="4">
					<h:outputText value="Item:" />
					<h:outputText
						value="#{listarPedidosBean.pedidoDetalhado.item.itemLabel}" />

					<h:outputText value="Quantidade:" />
					<h:outputText
						value="#{listarPedidosBean.pedidoDetalhado.nuQuantidade}" />

					<h:outputText value="Observações:" />
					<h:outputText
						value="#{listarPedidosBean.pedidoDetalhado.dsObservacoes}" />

					<h:outputText value="Mesa:" />
					<h:outputText
						value="#{listarPedidosBean.pedidoDetalhado.mesa.dsMesa}" />

					<h:outputText value="Garçom:" />
					<h:outputText
						value="#{listarPedidosBean.pedidoDetalhado.garcom.funcionario.dsNome}" />

					<h:outputText value="Data/Hora do Pedido:" />
					<h:outputText value="#{listarPedidosBean.pedidoDetalhado.dtPedido}">
						<f:convertDateTime pattern="dd/MM/yyyy HH:mm" />
					</h:outputText>

					<h:outputText value="Situação:" />
					<h:outputText
						value="#{listarPedidosBean.pedidoDetalhado.statusPedido.dsStatusPedido}" />

					<h:outputText value="Data/Hora da Última Atualização:" />
					<h:outputText
						value="#{listarPedidosBean.pedidoDetalhado.dtUltimaAlteracao}">
						<f:convertDateTime pattern="dd/MM/yyyy HH:mm" />
					</h:outputText>

					<h:outputText value="Funcionário da Última Atualização:" />
					<h:outputText
						value="#{listarPedidosBean.pedidoDetalhado.funcionario.dsNome}" />
				</h:panelGrid>
			</p:dialog>

		</h:form>

	</ui:define>
</ui:composition>

</html>